<template>
  <div>
    <div style="width: 500px; margin: 80px 230px 0px 0px; padding-left: 470px">
    <el-row :gutter="24">
      <el-col :span="8"><img :src="imgurl" @click="getimg" height="60px" width="170px"></el-col>
      <el-col :span="8"><el-input placeholder="图片验证码" ></el-input></el-col>
      <el-col :span="8"></el-col>
    </el-row>
    <el-row :gutter="24">
      <el-col :span="16">
        <el-input v-model="mcode" placeholder="手机验证码"></el-input>
      </el-col>
    </el-row>
    <el-row :gutter="24">
      <el-col :span="20">
        <el-button>登陆</el-button>
      </el-col>
    </el-row>
    </div>
  </div>
</template>

<script>
import {v4 as uuid} from 'uuid'
export default {
  data(){
    return{
      uuid:"",
      imgurl:""
    }
  },
  mounted(){
    this.getimg()
  },
  methods:{
    getimg(){
        this.uuid=uuid()
        this.imgurl="http://127.0.0.1:5000/getimg?uuid="+this.uuid
    }
  }
}
</script>

<style>

</style>